  <template lc_id="31lOXuZFW0">
      <div lc_id="Sqe/e9T+dn">
          <div lc_id="pzMg3o1GpZ">
              <div class="demonstration-element" lc_id="CSFGeU2yIh">Button 默认按钮</div>
              <el-button lc-mark lc_id="It6s7MEKEj">默认按钮</el-button>
              <el-button lc-mark type="primary" lc_id="gySZODvPq4">主要按钮</el-button>
              <el-button lc-mark type="success" lc_id="C8H4RxH9J4">成功按钮</el-button>
              <el-button lc-mark type="info" lc_id="hyRMogHx7g">信息按钮</el-button>
              <el-button lc-mark type="warning" lc_id="+1ZoY42NKV">警告按钮</el-button>
              <el-button lc-mark type="danger" lc_id="//OdfFfDNy">危险按钮</el-button>
          </div>
          <div lc_id="dXKZZTSE6f">
              <div class="demonstration-element" lc_id="AEqE9Y2JJx">Button 朴素按钮</div>
              <el-button lc-mark plain lc_id="xpIy9dyoLu">朴素按钮</el-button>
              <el-button lc-mark type="primary" plain lc_id="uuXSeas9Rn">主要按钮</el-button>
              <el-button lc-mark type="success" plain lc_id="yT/mnDTNZC">成功按钮</el-button>
              <el-button lc-mark type="info" plain lc_id="MkQKv/edLT">信息按钮</el-button>
              <el-button lc-mark type="warning" plain lc_id="1nay6UmyQn">警告按钮</el-button>
              <el-button lc-mark type="danger" plain lc_id="4dXLsK63dR">危险按钮</el-button>
          </div>
          <div lc_id="BrDirV0DiW">
              <div class="demonstration-element" lc_id="Ibx7/Oljm1">Button 圆角按钮</div>
              <el-button lc-mark round lc_id="vnhZCSYTKi">圆角按钮</el-button>
              <el-button lc-mark type="primary" round lc_id="4G/Xt4oA/W">主要按钮</el-button>
              <el-button lc-mark type="success" round lc_id="21dRU+4EP6">成功按钮</el-button>
              <el-button lc-mark type="info" round lc_id="t/e3BMImqQ">信息按钮</el-button>
              <el-button lc-mark type="warning" round lc_id="jkBcMy35Fs">警告按钮</el-button>
              <el-button lc-mark type="danger" round lc_id="NbMTA5OJFM">危险按钮</el-button>
          </div>
          <div lc_id="dtI0sv1JGj">
              <div class="demonstration-element" lc_id="/J59dGf5Ux">Button 图标按钮</div>
              <el-button lc-mark icon="el-icon-search" circle lc_id="zKuPwfsOg/"></el-button>
              <el-button lc-mark type="primary" icon="el-icon-edit" circle lc_id="TEEu3UmtSm"></el-button>
              <el-button lc-mark type="success" icon="el-icon-check" circle lc_id="Gcle27RxOV"></el-button>
              <el-button lc-mark type="info" icon="el-icon-message" circle lc_id="iYwWDqh7Cj"></el-button>
              <el-button lc-mark type="warning" icon="el-icon-star-off" circle lc_id="c0jB+EoGdn"></el-button>
              <el-button lc-mark type="danger" icon="el-icon-delete" circle lc_id="UOzcHamJuB"></el-button>
          </div>
          <div lc_id="W3QyOQzQlk">
              <div class="demonstration-element" lc_id="smimycex4t">Button 文字按钮</div>
              <el-button lc-mark type="text" lc_id="t0TXebSot2">文字按钮</el-button>
              <el-button lc-mark type="text" disabled lc_id="5YRlNpmVjb">文字按钮</el-button>
          </div>
          <div lc_id="80RD4YeUsn">
              <div class="demonstration-element" lc_id="5MhACg2EuC">Button 按钮组</div>
              <el-button-group lc-mark lc_id="xEZPfVC0Vk">
                  <el-button type="primary" icon="el-icon-arrow-left" lc_id="SAyGGlazMe">上一页</el-button>
                  <el-button type="primary" lc_id="xOLpFj/kpi">
下一页                      <i class="el-icon-arrow-right el-icon--right" lc_id="SMXHxa2XXa"></i>
                  </el-button>
              </el-button-group>
              <el-button-group lc-mark lc_id="bgUv4uEWun">
                  <el-button type="primary" icon="el-icon-edit" lc_id="ZZsmy9U270"></el-button>
                  <el-button type="primary" icon="el-icon-share" lc_id="ufr8jjdziC"></el-button>
                  <el-button type="primary" icon="el-icon-delete" lc_id="rp+8TRHMji"></el-button>
              </el-button-group>
          </div>
          <div lc_id="k4SqegBXaV">
              <div class="demonstration-element" lc_id="oFxF0LI+dm">Icon 图标</div>
              <i class="icon el-icon-edit" lc-mark lc_id="a6mb6XhfMc"></i>
              <i class="icon el-icon-share" lc-mark lc_id="oXLeLY13kj"></i>
              <i class="icon el-icon-delete" lc-mark lc_id="s8KebZ+PS1"></i>
              <i class="icon el-icon-info" lc-mark lc_id="WXq43J9XzJ"></i>
              <i class="icon el-icon-eleme" lc-mark lc_id="4hI/AencQZ"></i>
              <i class="icon el-icon-setting" lc-mark lc_id="511YTr9sW9"></i>
              <i class="icon el-icon-video-camera-solid" lc-mark lc_id="/k6h8zYM65"></i>
              <i class="icon el-icon-message-solid" lc-mark lc_id="blqIQB6Vhj"></i>
              <i class="icon el-icon-s-data" lc-mark lc_id="gbq6whZDAm"></i>
              <el-link href="https://element.eleme.cn/#/zh-CN/component/icon" style="margin-left: 10px;" class="el-icon-d-arrow-right" type="info" target="_blank" lc_id="t+j3VEq1No">查看所有图标</el-link>
          </div>
          <div lc_id="D9dpNStd1t">
              <div class="demonstration-element" lc_id="MPmrgZvo8q">Link 文字链接</div>
              <el-link lc-mark lc_id="rtsG+iZyEB">默认链接</el-link>
              <el-link lc-mark type="primary" lc_id="qk6VNOTl/3">主要链接</el-link>
              <el-link lc-mark type="success" lc_id="q91ZwmwpjV">成功链接</el-link>
              <el-link lc-mark type="warning" lc_id="EJaR3vy19z">警告链接</el-link>
              <el-link lc-mark type="danger" lc_id="2ixn7o9E7E">危险链接</el-link>
              <el-link lc-mark type="info" lc_id="FWgv1C2y/2">信息链接</el-link>
          </div>
          <div lc_id="/barCioNfE">
              <div class="demonstration-element" lc_id="PLG2KvKH8y">Tag 标签</div>
              <el-tag lc-mark lc_id="U/u261/Smt">标签一</el-tag>
              <el-tag lc-mark type="success" lc_id="IDATiLqGk9">标签二</el-tag>
              <el-tag lc-mark type="info" lc_id="0D0MewaqKv">标签三</el-tag>
              <el-tag lc-mark type="warning" lc_id="vAdw0BIcX+">标签四</el-tag>
              <el-tag lc-mark type="danger" lc_id="nbAcfgii7o">标签五</el-tag>
          </div>
          <div lc_id="saMTK5tD7X">
              <div class="demonstration-element" lc_id="BXSBwotgSp">Avatar 头像</div>
              <el-avatar lc-mark :size="50" :src="circleUrl" lc_id="T5mj8odU47"></el-avatar>
              <el-avatar lc-mark shape="square" :size="50" :src="squareUrl" lc_id="CGR8yckrEF"></el-avatar>
          </div>
      </div>
  </template>
  <script>
export default {
  data() {
    return {
      circleUrl: "https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png",
      squareUrl: "https://cube.elemecdn.com/9/c2/f0ee8a3c7c9638a54940382568c9dpng.png",
    };
  },
  methods: {},
};  </script>
  <style scoped>.row {
  margin-bottom: 10px;
}

.icon {
  margin-right: 10px;
  margin-left: 10px;
  font-size: 18px;
}</style>
